<%@ page errorPage="/jsp/exceptionHandler.jsp"%>

<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<html:html xhtml="true">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javaScript" type="text/javascript"
	src="../resources/js/calendar.js"></script>
<link href="../resources/css/calendar.css" rel="stylesheet"
	type="text/css">
<link href="../resources/css/style.css" rel="stylesheet" type="text/css">
<link href="../resources/css/bootstrap-min.css" rel="stylesheet"
	type="text/css">
<link href='http://fonts.googleapis.com/css?family=PT+Sans'
	rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../resources/js/validation.js"></script>
<title>Personal Detail</title>
</head>
<body>
	<div id="header">
		<img src="../resources/images/logo.jpg"
			style="width: 130px; height: 40px; margin: 20px;" />
	</div>
	<div id='centerBody' align="left">
		<center>
			<table class="maintb" cellpadding="5px" cellspacing="5px"
				style="text-align: center">
				<tr>
					<td>
						<div class="login_box">
							<html:form action="PersonalDetailsAction"
								onsubmit="return validatePersonalDetails(this);">
								<div>
									<H1 align="center" style="color: BLUE">Personal Detail
										Page</H1>
									<hr>
									<fieldset>
										<legend>Personal Details</legend>
										<table width="80%" align="center">
											<tr>
												<td colspan="2"><html:errors property="error" />
												</td>
											</tr>
											<tr>
												<td width="35%" align="right">Username</td>
												<td width="60%" align="left">
													 <html:text property="userName"
														value=""
														maxlength="50"></html:text> 
												</td>
											</tr>
											<tr>
												<td></td>
												<td align="left"><div id="error_userName"
														style="color: red;"></div> <html:errors
														property="userName" /></td>
											</tr>
											<tr>
												<td align="right">Name</td>
												<td align="left"><html:text property="name" value=""
														maxlength="100"></html:text> 
												</td>
											</tr>
											<tr>
												<td></td>
												<td align="left"><div id="error_name"
														style="color: red;"></div> <html:errors property="name" />
												</td>
											</tr>
											<tr>
												<td align="right">Mobile No.</td>
												<td align="left">
													 <html:text property="contact"
														value=""
														maxlength="10"></html:text> 
												</td>
											</tr>
											<tr>
												<td></td>
												<td align="left"><div id="error_contact"
														style="color: red;"></div> <html:errors property="contact" />
												</td>
											</tr>
											<tr>
												<td align="right">Gender</td>
												<td align="left"><html:radio property="gender"
														value="Male">Male</html:radio> <html:radio
														property="gender" value="Female">Female</html:radio></td>
											</tr>
											<tr>
												<td></td>
												<td align="left"><div id="error_gender"
														style="color: red;"></div> <html:errors property="gender" />
												</td>
											</tr>
											<tr>
												<td align="right">Date Of Birth</td>
												<td align="left"><jsp:include page="calendar.jsp" /></td>
											</tr>
											<tr>
												<td></td>
												<td align="left"><div id="error_date"
														style="color: red;"></div> <html:errors property="date" />
												</td>
											</tr>
											<tr>
												<td colspan="2" align="center"><html:submit
														property="submit" value="save"
														styleClass="btn btn-inverse"></html:submit> <input
													type="button" name="cancel" value="Cancel"
													onclick="goHome()" class="btn btn-inverse" /></td>
											</tr>
										</table>
									</fieldset>
								</div>
							</html:form>
						</div>
					</td>
				</tr>
			</table>
	</div>
	<jsp:include page="/jsp/footer.jsp"></jsp:include>
</body>
</html:html>

